<template lang="pug">
    div.layout-default.flex.column
        div.header
            slot(name="header") 头部
        div.content.grow
            slot 内容区
        div.footer
            slot(name="footer") 底部
</template>
<style lang="less">
    @import '~mixin.less';
    @headHeight:3rem;
    @footHeight:3rem;
    .layout-default{
        .absolute(@left:10px);
        .header{
            height: @footHeight;
            line-height: @footHeight;
            color: #607d8b;
        }
        .footer{
            height: @footHeight;
            line-height: @footHeight;
            overflow: hidden;
        }
    }
</style>